<!DOCTYPE html>
   <html class="x-admin-sm">
   
   	<head>
   		<meta charset="UTF-8">
   		<title>排班编辑</title>
           <meta name="renderer" content="webkit">
           <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
           <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
           <link rel="stylesheet" href="../../../css/font.css">
           <link rel="stylesheet" href="../../../css/css.css">
   		<link rel="stylesheet" type="text/css" href="../../../css/xadmin.css"/>
   		<script type="text/javascript" src="../../../js/jquery.min.js"></script>
           <script type="text/javascript" src="../../../lib/layui/layui.js"></script>
           <script type="text/javascript" src="../../../js/xadmin.js"></script>
   	</head>
   
   	<body>
   		<div class="x-nav">
   			<a href="../index.html">首页</a>
   			<span>&gt;</span>
   			<a><cite>排班编辑</cite></a>
   		</div>
   		<div class="layui-fluid">
   			<div class="layui-row layui-col-space15">
   				<div class="layui-col-md12">
   					<div id="btns" class="btns">
   						<button type="button" class="layui-btn btn" >返回</button>
   						<button type="button" class="layui-btn btn" onclick="">保存</button>
						<button type="button" class="layui-btn btn" onclick="xadmin.open('班次导入模板','../operation/Import.html',800,500)">导入</button>
   					</div>
   					<div class="layui-card">
   						<div class="layui-card-body">
   							<form class="layui-col-space5">
   								
   								  <label for="username" class="layui-form-label">
   									班次名称
   								</label>
   								<div class="layui-input-inline layui-show-xs-block">
   									<input type="text" name="username" placeholder="海狮班" class="layui-input" maxlength="15">
   								</div>
   
   								<div class="layui-input-inline layui-show-xs-block">
   									<span>是否跨天</span>
   									<select name="contrller" style="width: 120px;height: 28px;">
   										<option value="0">是</option>
   										<option value="1">否</option>
   									</select>
   								</div>
   								  <div class="layui-form-item">
   								    <label for="username" class="layui-form-label">
   										临时调班期限
   								    </label>
   								    <div class="layui-input-inline">
   										<input class="layui-input" placeholder="选择" name="start" id="start">
   								    </div>
   									<span class="remark">注：到达期限时间后，人员自动调整回原来班组</span>
   								</div>
   							</form>
   						</div>
   
   						<div class="layui-card-body layui-table-body layui-table-main">
   							<div class="tiaobans">
   								<div class="fl">
   								    <label for="username" class="layui-form-label">临时调班</label>
   								</div>
   								<div class="fr">
   								    <span>临时调班</span>
   								    <input type="text" class="tiaoban">
   								</div>
   							</div>
   							<table class="layui-table layui-form list-table fl" style="width: 42%">
   								<thead>
   									<!-- <tr>临时调班</tr> -->
   									<tr>
   										<th>
   											<input type="checkbox"  lay-filter="checkall" name="" lay-skin="primary">
   										</th>
   										<th>姓名</th>
   										<th>员工编号</th>
   									</tr>
   								</thead>
   								<tbody>
   									<tr>
   										<td><input type="checkbox" name="" lay-skin="primary"></td>
   										<td>大马猴</td>
   										<td>1000101</td>
   									</tr>
   									<tr>
   										<td><input type="checkbox" name="" lay-skin="primary"></td>
   										<td>大马猴</td>
   										<td>1000101</td>
   									</tr>
   									<tr>
   										<td><input type="checkbox" name="" lay-skin="primary"></td>
   										<td>大马猴</td>
   										<td>1000101</td>
   									</tr>
   								</tbody>
   							</table>
   							<table class="table-list fl"><!-- <Span class="font-big">&gt;</Span><span class="font-big">&lt;</span> -->
   								<tr><td><p class="arr-btn">全部添加<i class="arr-l"></i></p></td></tr>
   								<tr><td><p class="arr-btn">添加<i class="arr-ls"></i></p></td></tr>
   								<tr><td><p class="arr-btn">全部移除<i class="arr-r"></i></p></td></tr>
   								<tr><td><p class="arr-btn">移除<i class="arr-rs"></i></p></td></tr>
   							</table>
   							<table class="layui-table layui-form list-table fl" style="width: 42%">
   								<thead>
   									 
   									<tr>
   										<th>
   											<input type="checkbox"  lay-filter="checkall" name="" lay-skin="primary">
   										</th>
   										<th>姓名</th>
   										<th>员工编号</th>
   									</tr>
   								</thead>
   								<tbody>
   									<tr>
   										<td><input type="checkbox" name="" lay-skin="primary"></td>
   										<td>大马猴</td>
   										<td>1000101</td>
   									</tr>
   									<tr>
   										<td><input type="checkbox" name="" lay-skin="primary"></td>
   										<td>大马猴</td>
   										<td>1000101</td>
   									</tr>
   									<tr>
   										<td><input type="checkbox" name="" lay-skin="primary"></td>
   										<td>大马猴</td>
   										<td>1000101</td>
   									</tr>
   								</tbody>
   							</table>
   						</div>
   						<div class="layui-form-item" align="center">
   						    <button  class="btn" lay-filter="keep" lay-submit="">保存</button>
   						    <button  class=" btn-nobg" lay-filter="reset" lay-submit="reset">重置</button>
   						</div>
   					</div>
   				</div>
   			</div>
   		</div>
   	<script>
   		layui.use(['laydate', 'form'],
   		function() {
   			var laydate = layui.laydate;
   			//执行一个laydate实例
   			laydate.render({
   				elem: '#start' //指定元素
   			});
   		});
   
   			</script>
   		<script>
   		layui.use(['laydate','form'], function(){
   		    var laydate = layui.laydate;
   		    var  form = layui.form;
   		    // 监听全选
   		    form.on('checkbox(checkall)', function(data){
   		
   		      if(data.elem.checked){
   		        $('tbody input').prop('checked',true);
   		      }else{
   		        $('tbody input').prop('checked',false);
   		      }
   		      form.render('checkbox');
   		    }); 
   		  });
   		
   		
   		
   			layui.use(['laydate','form'], function(){
   				var laydate = layui.laydate;
   				var  form = layui.form;
   				// 监听全选
   				form.on('checkbox(checkall)', function(data){
   		
   				  if(data.elem.checked){
   					$('tbody input').prop('checked',true);
   				  }else{
   					$('tbody input').prop('checked',false);
   				  }
   				  form.render('checkbox');
   				}); 
   			  });
   		</script>
   	</body>
   </html>
   